<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
  <title>Title</title>
  <script>
    (function (doc, win) {
        var docEl = doc.documentElement,
                resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
                recalc = function () {
                    var clientWidth = docEl.clientWidth;
                    if (!clientWidth) return;
                    docEl.style.fontSize = 100 * (clientWidth / 750) + 'px';
                };
        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener('DOMContentLoaded', recalc, false);
    })(document, window)
  </script>
  <link rel="stylesheet" href="index.css">
  <script src="jq.js"></script>
  <style>
  </style>
</head>
<body>
  <div class="tip">
    error
  </div>
  <br/>
  <ul>
    <li>
      <h2>视频播放</h2>
      <div class="vd_box">
        <video src="test.mp4" webkit-playsinline width="60%" height="100%" x-webkit-airplay controls></video>
      </div>
    </li>
    <li>
      <h2>IOS：伪类:active 生效</h2>
      <a href="javascript:;" class="wl">啊啊</a>
      <script>
        document.addEventListener('touchstart',function(){},false);
      </script>
    </li>
    <li>
      <h2>IOS：自动切换横屏竖屏</h2>
    </li>
    <li>
      <h2></h2>
      <input/><br/>
      <input/><br/>
      <input/><br/>
      <input/><br/>
      <input/>
    </li>
  </ul>
  <script>
    //     $(function() {
    //     // 解决输入法遮挡
    //     var timer = null;
    //     $('input').on('focus', function() {
    //         clearInterval(timer);
    //         var index = 0;
    //         timer = setInterval(function() {
    //             if(index>5) {
    //                 $('body').scrollTop(1000000);
    //                 clearInterval(timer);
    //             }
    //             index++;
    //         }, 50)
    //     })
    // });
  </script>
</body>
</html>